﻿<!--
    
 @Name：不落阁整站模板源码
 @Author：Absolutely
 @Site：http://www.lyblogs.cn

 -->

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; Charset=utf-8">
		<meta http-equiv="Content-Language" content="zh-CN">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<title>个人博客网站</title>
		<link rel="shortcut icon" href="../images/Logo_40.png" type="image/x-icon">
		<!--Layui-->
		<link href="../plug/layui/css/layui.css" rel="stylesheet" />
		<!--font-awesome-->
		<link href="../plug/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
		<!--全局样式表-->
		<link href="../css/global.css" rel="stylesheet" />
		<!-- 本页样式表 -->
		<link href="../css/home.css" rel="stylesheet" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!-- 导航 -->
			<nav class="blog-nav layui-header">
				<div class="blog-container">

					<a href="javascript:;" class="blog-user layui-hide">
						<img src="../images/Absolutely.jpg" alt="Absolutely" title="Absolutely" />
					</a>
					<!-- 不落阁 -->
					<a class="blog-logo" href="home.html">{{systemInfo.netName }}</a>
					<!-- 导航菜单 -->
					<ul class="layui-nav" lay-filter="nav">
						<li class="layui-nav-item layui-this">
							<a href="home.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
						</li>
						<li class="layui-nav-item">
							<a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
						</li>
						<li class="layui-nav-item">
							<a href="resource.html"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
						</li>

					</ul>
					<!-- 手机和平板的导航开关 -->
					<a class="blog-navicon" href="javascript:;">
						<i class="fa fa-navicon"></i>
					</a>
				</div>
			</nav>
			<!-- 主体（一般只改变这里的内容） -->
			<div class="blog-body">
				<!-- canvas -->

				<!-- 这个一般才是真正的主体内容 -->
				<div class="blog-container">
					<div class="blog-main">
						<!-- 网站公告提示 -->
						<div class="home-tips shadow">
							<i style="float:left;line-height:17px;" class="fa fa-volume-up"></i>
							<div class="home-tips-container">

								<span class="home-tips" v-for="item in notices" style="color: #009688">{{item.title}}
								
								<a style="color: red;" v-if="item.url!='' && item.url != '#'" :href="item.url">点击前往</a>
								</span>
							</div>
						</div>
						<!--左边文章列表-->
						<div class="blog-main-left" id="div_left_articles">
							<div class="article shadow" v-for="item in leftArticles">
								<div class="article-left">
									<img :src="item.img" :alt="item.title" />
								</div>
								<div class="article-right" @click="articleDetail(item.id)">
									<div class="article-title">
										<a>{{item.title}}</a>
									</div>
									<div class="article-abstract">
										{{item.brief}}
									</div>
								</div>
								<div class="clear"></div>
								<div class="article-footer">
									<span><i class="fa fa-clock-o"></i>&nbsp;&nbsp;{{item.addDate | datetime}}</span>
									<span class="article-author"><i class="fa fa-user"></i>&nbsp;&nbsp;{{item.authorName}}</span>
									<span><i class="fa fa-tag"></i>&nbsp;&nbsp;<a v-for="tag in item.tags.split(',')" @click="searchByTag(tag)">{{tag}} </a></span>
									<span class="article-viewinfo"><i class="fa fa-eye"></i>&nbsp;{{item.views}}</span>
									<span class="article-viewinfo"><i class="fa fa-commenting"></i>&nbsp;{{item.comments}}</span>
								</div>
							</div>
							<div id="div_article_buttom"></div>
						</div>
						<!--右边小栏目-->
						<div class="blog-main-right">
							<div class="blogerinfo shadow">
								<div class="blogerinfo-figure">
									<img width="100px" height="100px" :src="systemInfo.adminImg" alt="Absolutely" />
								</div>
								<p class="blogerinfo-nickname">{{systemInfo.adminName}}</p>
								<p class="blogerinfo-introduce">{{systemInfo.adminInfo}}</p>
								<p class="blogerinfo-location"><i class="fa fa-location-arrow"></i>&nbsp;{{systemInfo.whereFrom}}</p>
								<hr />

							</div>
							<div></div>
							<!--占位-->
							<div class="blog-module shadow">
								<div class="blog-module-title">热文排行</div>
								<ul class="fa-ul blog-module-ul">

									<li v-for="item in hotArticles"><i class="fa-li fa fa-hand-o-right"></i>
										<a @click="articleDetail(item.id)">{{item.title}}</a>
									</li>

								</ul>
							</div>

							<div class="blog-module shadow">
								<div class="blog-module-title">友情链接</div>
								<ul class="blogroll">
									<li v-for="item in friendUrls">
										<a target="_blank" :href="item.url" title="Layui">{{item.name}}</a>
									</li>

								</ul>
							</div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
			<!-- 底部 -->
			<footer class="blog-footer">

			</footer>
			<!--侧边导航-->
			<ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
				<li class="layui-nav-item layui-this">
					<a href="home.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
				</li>
				<li class="layui-nav-item">
					<a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
				</li>
				<li class="layui-nav-item">
					<a href="resource.html"><i class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a>
				</li>

			</ul>
			<!--分享窗体-->
			<div class="blog-share layui-hide">
				<div class="blog-share-body">
					<div style="width: 200px;height:100%;">
						<div class="bdsharebuttonbox">
							<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
							<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							<a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
							<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
						</div>
					</div>
				</div>
			</div>

			<!--遮罩-->
			<div class="blog-mask animated layui-hide"></div>
		</div>
		<script src="../plug/jquery/jquery.min.js"></script>
		<script src="../plug/layui/lay/dest/layui.all.js"></script>
		<!--vue -->
		<script src="../plug/vue/vue.js"></script>
		<script src="../plug/vue/vue-common-filter.js"></script>
		<script type="text/javascript" src="../js/setting.js"></script>
		<script type="text/javascript" src="../js/request.js"></script>
		<script type="text/javascript" src="../js/api/article_page.js"></script>
		<script src="../js/api/notice_list.js"></script>
		<script type="text/javascript" src="../js/api/siteinfo_get.js"></script>
		<script src="../js/api/friend_url_list.js"></script>

		<!-- 全局脚本 -->
		<script src="../js/global.js"></script>
		<!-- 本页脚本 -->
		<script src="../js/home.js"></script>

	</body>

</html>